<%@ page import="com.xdwanj.servlet.PageServlet" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>喵屋</title>

    <link href="${pageContext.request.contextPath}/util/bootstrap-3.4.1-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/public.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet">
</head>

<body>
<nav class="navbar navbar-default navbar-fixed-top" id="nav-top">
    <div class="container">
        <!-- logo及其汉堡按钮 -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="${pageContext.request.contextPath}/page?position=index"><img
                    class="nav-logo" alt="喵屋"
                    src="${pageContext.request.contextPath}/img/logo(缩小透明版).png"></a>
        </div>

        <!-- 具体菜单项 -->
        <div class="collapse navbar-collapse nav-ul-wrap" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="nav-ul-left">
                <li><a href="${pageContext.request.contextPath}/page?position=index">首页</a></li>
                <li><a href="${pageContext.request.contextPath}/page?position=classroom">小小课堂</a></li>
                <li><a href="${pageContext.request.contextPath}/page?position=user">个人主页</a></li>
                <li><a href="${pageContext.request.contextPath}/page?position=shop">宠物乐园</a></li>
            </ul>


            <ul class="nav navbar-nav navbar-right" id="nav-ul-right">
                <li><a href="${pageContext.request.contextPath}/page?position=news">最新动态</a></li>
                <li><a href="${pageContext.request.contextPath}/page?position=about">关于我们</a></li>
                <a href="${pageContext.request.contextPath}/page?position=login" class="btn btn-default navbar-btn">登陆/注册</a>
            </ul>
        </div>

    </div>
</nav>
